<template>
  <div class="form">
    <ul class="order-list-thead">
      <li class="li">收缩图</li>
      <li class="li">商家</li>
      <li class="li">所属商城</li>
      <li class="li">货号</li>
      <li class="li">商品名称</li>
      <li class="li">价格(人民币)</li>
      <li class="li">库存</li>
      <li class="li">购买方式</li>
      <li class="li">更新时间</li>
      <li class="li">状态</li>
    </ul>
    <ul class="commodity-list">
      <li class="list item">
        <img src="http://admin.meitianshi2018.com/wwwroot/Uploads/Product/2018/09/e80f017cd29a4f2ab6bcfb0aae4b9254.gif_50X50.gif">
      </li>
      <li class="list item">
        <p class="text  self-support">自营</p>
      </li>
      <li class="list item">
        <p class="text card">现金商城</p>
      </li>
      <li class="list item">
        <p class="text">mts756</p>
      </li>
      <li class="list item">
        <p class="text">v1专用亲子礼盒</p>
      </li>
      <li class="list item">
        <p class="text pirce">￥13000.00</p>
      </li>
      <li class="list item">
        <p class="text">100</p>
      </li>
      <li class="list item">
        <p class="text">在线支付</p>
      </li>
      <li class="list item">
        <p class="text">2018/10/13 16:02</p>
      </li>
      <li class="list item">
        <p class="text">审核中</p>
      </li>
    </ul>
    <ul class="commodity-list">
      <li class="list item">
        <img src="http://admin.meitianshi2018.com/wwwroot/Uploads/Product/2018/09/e80f017cd29a4f2ab6bcfb0aae4b9254.gif_50X50.gif">
      </li>
      <li class="list item">
        <p class="text  self-support">自营</p>
      </li>
      <li class="list item">
        <p class="text card">现金商城</p>
      </li>
      <li class="list item">
        <p class="text">mts756</p>
      </li>
      <li class="list item">
        <p class="text">v1专用亲子礼盒</p>
      </li>
      <li class="list item">
        <p class="text pirce">￥13000.00</p>
      </li>
      <li class="list item">
        <p class="text">100</p>
      </li>
      <li class="list item">
        <p class="text">在线支付</p>
      </li>
      <li class="list item">
        <p class="text">2018/10/13 16:02</p>
      </li>
      <li class="list item">
        <p class="text">审核中</p>
      </li>
    </ul>
    <ul class="commodity-list">
      <li class="list item">
        <img src="http://admin.meitianshi2018.com/wwwroot/Uploads/Product/2018/09/e80f017cd29a4f2ab6bcfb0aae4b9254.gif_50X50.gif">
      </li>
      <li class="list item">
        <p class="text  self-support">自营</p>
      </li>
      <li class="list item">
        <p class="text card">现金加积分商城</p>
      </li>
      <li class="list item">
        <p class="text">mts756</p>
      </li>
      <li class="list item">
        <p class="text">面膜</p>
      </li>
      <li class="list item">
        <p class="text pirce">￥13000.00</p>
      </li>
      <li class="list item">
        <p class="text">100</p>
      </li>
      <li class="list item">
        <p class="text">到付</p>
      </li>
      <li class="list item">
        <p class="text">2018/10/13 16:02</p>
      </li>
      <li class="list item">
        <p class="text">审核中</p>
      </li>
    </ul>
  </div>
</template>

<script>

</script>

<style scoped lang="scss">
  .order-list-thead {
    background: #000;
    height: 55px;
    line-height: 55px;
  }
  .li {
    float: left;
    min-width: 10%;
    font-size: 16px;
    color: white;
    text-align: center;
  }
  .commodity-list {
    height: 55px;
    background: white;
  }
  .list {
    float: left;
    height: 55px;
    min-width: 10%;
    font-size: 16px;
    text-align: center;
    line-height: 55px;
  }
  .text {
    height: 22px;
    font-size: 14px;
  }
  .self-support {
    color: #7d75df;
  }
</style>

